<%@ page language="java" contentType="text/html; charset=UTF-8"   pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>移动BI分析平台</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/re.css">
		
<!-- 		<link type="text/css" rel="stylesheet" href="css/sky.css"> -->
		<style type="text/css">
	        .waterMark {
	        background-repeat: repeat;
	        position: fixed;
	        left: 0px;
	        z-index: 0;
	        top: 0px;
	        width: 100%;
	        height: 100%;
	        opacity: 0.06;
	        filter: alpha(opacity = 6);
              }
            
            .waterMark_notlist {
            	position: absolute !important;
            }
            </style>
	</head>
	

	<body  onload="waterMark();requerst();">
		
		<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
			<!--侧滑菜单部分-->
					<%@include file ="header.jsp"%>
			<!--主界面部分-->
			<div class="mui-inner-wrap">
				<header class="mui-bar mui-bar-nav" >
					<a href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
					<h1 class="mui-title">首页</h1>
				</header>
				<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="canvasBox canvasBox1">
				<div id="slider" class="mui-slider">
					<div class="mui-slider-group mui-slider-loop">
						<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#">
								<img src="images/1.jpg">
								<p class="mui-slider-title">静静看这世界</p>
							</a>
						</div>
						<div class="mui-slider-item">
							<a href="#">
								<img src="images/2.jpg">
								<p class="mui-slider-title">幸福就是可以一起睡觉</p>
							</a>
						</div>
						<div class="mui-slider-item">
							<a href="#">
								<img src="images/3.jpg">
								<p class="mui-slider-title">想要一间这样的木屋，静静的喝咖啡</p>
							</a>
						</div>
						<div class="mui-slider-item">
							<a href="#">
								<img src="images/4.jpg">
								<p class="mui-slider-title">Color of SIP CBD</p>
							</a>
						</div>
						<div class="mui-slider-item">
							<a href="#">
								<img src="images/1.jpg">
								<p class="mui-slider-title">静静看这世界</p>
							</a>
						</div>
						<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#">
								<img src="images/2.jpg">
								<p class="mui-slider-title">幸福就是可以一起睡觉</p>
							</a>
						</div>
					</div>
					<div class="mui-slider-indicator mui-text-right">
						<div class="mui-indicator mui-active"></div>
						<div class="mui-indicator"></div>
						<div class="mui-indicator"></div>
						<div class="mui-indicator"></div>
					</div>
				</div>
			</div>
			
			<div class="canvasBox canvasBox2">
			<div class="waterMark"></div>
				<div class="innercanvasBox2">
					<h4>通知公告</h4>
					<ul>
						<li>
							<p>scott用户于2019年3月1日1:48上线</p>
						</li>
						<li>
							<p>添加完成后点击Test Connection，验证数据库是否OK</p>
						</li>
						<li>
							<p>然后新建数据集，数据集中选择数据源为上面新建的EDW数据源，在Query Text中写入对应的SQL。</p>
						</li>
						<li>
							<p>scott用户于2019年3月1日1:48上线</p>
						</li>
						<li>
							<p>在“KevinTan:\dmp\Birt工具包”中放置了四个例子，放置到报表项目中后既可以通过上面的方式预览或者生成报表。</p>
						</li>
						<li>
							<p>scott用户于2019年3月1日1:48上线</p>
						</li>
						<li>
							<p>然后新建数据集，数据集中选择数据源为上面新建的EDW数据源，在Query Text中写入对应的SQL</p>
						</li>
						<li>
							<p>scott用户于2019年3月1日1:48上线</p>
						</li>
						<li>
							<p>添加完成后点击Test Connection，验证数据库是否OK</p>
						</li>
						<li>
							<p>scott用户于2019年3月1日1:48上线</p>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="canvasBox canvasBox3">
				<div class="tubiao">
					<ul class="mui-table-view mui-grid-view mui-grid-9">
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
								<span class="mui-icon mui-icon-home"></span>
								<div class="mui-media-body">Home</div></a></li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
								<span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
								<div class="mui-media-body">Email</div></a></li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
								<span class="mui-icon mui-icon-chatbubble"></span>
								<div class="mui-media-body">Chat</div></a></li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
								<span class="mui-icon mui-icon-location"></span>
								<div class="mui-media-body">location</div></a></li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
								<span class="mui-icon mui-icon-search"></span>
								<div class="mui-media-body">Search</div></a></li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
								<span class="mui-icon mui-icon-phone"></span>
								<div class="mui-media-body">Phone</div></a></li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
								<span class="mui-icon mui-icon-gear"></span>
								<div class="mui-media-body">Setting</div></a></li>
						<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
								<span class="mui-icon mui-icon-info"></span>
								<div class="mui-media-body">about</div></a></li>
					   <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
								<span class="mui-icon mui-icon-more"></span>
								<div class="mui-media-body">more</div></a></li>
					</ul> 
				</div>
			</div>
						

					</div>
				</div>
				<!-- off-canvas backdrop -->
				<div class="mui-off-canvas-backdrop"></div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			mui.init();
			if (!mui.os.android) {
				var spans = document.querySelectorAll('.android-only');
				for (var i = 0, len = spans.length; i < len; i++) {
					spans[i].style.display = "none";
				}
			}
			 //主界面和侧滑菜单界面均支持区域滚动；
			mui('#offCanvasSideScroll').scroll();
			mui('#offCanvasContentScroll').scroll();
			 //实现ios平台原生侧滑关闭页面；
			if (mui.os.plus && mui.os.ios) {
				mui.plusReady(function() { //5+ iOS暂时无法屏蔽popGesture时传递touch事件，故该demo直接屏蔽popGesture功能
					plus.webview.currentWebview().setStyle({
						'popGesture': 'none'
					});
				});
			}
		</script>
		<script>
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			var slider = mui("#slider");
					slider.slider({
						interval: 3000
					});
			var slider2 = mui("#slider2");
				slider2.slider({
					interval: 3000
				});
		</script>
		<script>
			//文字上下循环滚动
			function scroll(){
				$(".canvasBox2 ul").animate({"margin-top":"-10px"},"linear",function(){
					$(".canvasBox2 ul li:eq(0)").appendTo($(".canvasBox2 ul"));
					$(".canvasBox2 ul").css({"margin-top":"0px"});
				})
			}
			setInterval(scroll,3000);
		</script>
		<script>
		//浏览器变化后刷新页面
		$(window).resize(function(){
			location.reload();
		});
		</script>
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
		function requerst() {
		$.ajax({
					url : "ViewAllDetail.action",
					//async : true,
					//contentType: "application/x-www-form-urlencoded; charset=utf-8",
					type : 'post',
					dataType : 'json',
					timeout: 20000, //20秒超时
					data : {
					},
					error : function(textStatus) {
						console.log("Error:" + textStatus);
						/* 如果有错误返回到主界面 
						window.location.href="ViewAllDashBoard.action";*/
					},
					success : function(jsonData) {
						console.log(jsonData.xmltext);
						document.getElementById("dashboardlist").innerHTML = jsonData.xmltext;
						mui('.menuList_zhuye li').on('tap','a',function(){
							var url = $(this).data("url");
							window.location.href = this.url;
							document.location.href=this.href;
						});
					}
				});
		}
			mui('.menuList_zhuye li').on('tap','a',function(){
			document.location.href=this.href;
			});
			
			
			function waterMark(){
				if(window.sessionStorage.getItem("imgUrl")!=null&&window.sessionStorage.getItem("imgUrl")!=""){
					var imgUrl=window.sessionStorage.getItem("imgUrl");
					$(".waterMark").css("background-image", "url(" + imgUrl + ")");
				}else{
					var imgUrl="<%=session.getAttribute("waterMark")%>";
					$(".waterMark").css("background-image", "url(" + imgUrl + ")");
					window.sessionStorage.setItem("imgUrl", imgUrl);
				}
			};
	</script>
	<script type="text/javascript">
	$(document).ready(function(){
		if(location.href.indexOf("#reloaded")==-1){
			location.href=location.href+"#reloaded";
			location.reload();
		}
	});
	</script>
	</body>

</html>